<template>
  <div style="width: 170px">
    <CloudProgress :percent="30" size="small" />
    <CloudProgress :percent="50" size="small" status="active" />
    <CloudProgress :percent="70" size="small" status="exception" />
    <CloudProgress :percent="100" size="small" />
  </div>
</template>

<script>
  export default {
    title: '2.小型进度条',
  }
</script>

<style lang="scss">
</style>